<template>
  <van-grid :column-num="2">
    <van-grid-item v-for="item of data.hotGoods" :key="item.goodsId">
      <div style="text-align: center">
        <van-image :src="$resetUrl(item.image)"> </van-image>
        <div>
          <p>{{ item.name }}</p>
          <p>{{ item.price }}</p>
        </div>
      </div>
    </van-grid-item>
  </van-grid>
</template>

<script>
export default {
  props: {
    data: {
      type: Object,
      require: true,
    },
  },
};
</script>

<style>
</style>